<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0
Version: 1.5
Author: KeenThemes
Website: http://www.keenthemes.com/
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
   <meta charset="utf-8" />
   <title>药店进销存管理系统 | 会员登记</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta content="width=device-width, initial-scale=1.0" name="viewport" />
   <meta content="" name="description" />
   <meta content="" name="author" />
   <meta name="MobileOptimized" content="320">
   <!-- BEGIN GLOBAL MANDATORY STYLES -->          
   <link href="${base}/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
   <!-- END GLOBAL MANDATORY STYLES -->
   <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/bootstrap-fileupload/bootstrap-fileupload.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/gritter/css/jquery.gritter.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/select2/select2_metro.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/clockface/css/clockface.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/bootstrap-datepicker/css/datepicker.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/bootstrap-timepicker/compiled/timepicker.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/bootstrap-colorpicker/css/colorpicker.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/bootstrap-datetimepicker/css/datetimepicker.css" />
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/jquery-multi-select/css/multi-select.css" />
   <link href="${base}/assets/plugins/bootstrap-switch/static/stylesheets/bootstrap-switch-metro.css" rel="stylesheet" type="text/css"/>
   <link rel="stylesheet" type="text/css" href="${base}/assets/plugins/jquery-tags-input/jquery.tagsinput.css" />
   <!-- END PAGE LEVEL STYLES -->
   <!-- BEGIN THEME STYLES --> 
   <link href="${base}/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/style.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
   <link href="${base}/assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
   <link href="${base}/assets/css/custom.css" rel="stylesheet" type="text/css"/>
   <!-- END THEME STYLES -->
   <link rel="shortcut icon" href="${base}/assets/img/favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
	<#include "header.ftl">
   <div class="clearfix"></div>
   <!-- BEGIN CONTAINER -->
   <div class="page-container">
      <!-- BEGIN SIDEBAR -->
      <div class="page-sidebar navbar-collapse collapse">
         <!-- BEGIN SIDEBAR MENU -->
         <ul class="page-sidebar-menu">
		    <li>
		       <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		       <div class="sidebar-toggler hidden-phone"></div>
		       <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		    </li>
		    <li class="start">
		       <a href="${base}/admin/admin!main.action">
		       <i class="icon-home"></i> 
		       <span class="title">首页</span>
		       </a>
		    </li>
		    <li class="">
		       <a href="javascript:;">
		       <i class="icon-cogs"></i> 
		       <span class="title">业务中心</span>
		       <span class="arrow "></span>
		       </a>
		       <ul class="sub-menu">
		          <li >
		             <a href="${base}/admin/admin!cashiering.action">
		             	消费收银</a>
		          </li>
		       </ul>
		    </li>
		    <li class="">
		       <a href="javascript:;">
		       <i class="icon-bookmark-empty"></i> 
		       <span class="title">会员管理</span>
		       <span class="arrow "></span>
		       </a>
		       <ul class="sub-menu">
		          <li>
		             <a href="${base}/admin/member!checkin.action">
		             	会员登记
		             </a>
		          </li>
		          <li >
		             <a href="#memberInfo"  data-toggle="modal">
		             	会员信息</a>
		          </li>
		          <li >
		             <a href="${base}/admin/member!memberLevel.action">
		             	会员级别</a>
		          </li>
		          <li >
		             <a href="${base}/admin/member!memberList.action">
		             	会员列表</a>
		          </li>
		       </ul>
		    </li>
		    <li class="">
		       <a href="javascript:;">
		       <i class="icon-table"></i> 
		       <span class="title">库存管理</span>
		       <span class="arrow "></span>
		       </a>
		       <ul class="sub-menu">
		          <li >
		             <a href="${base}/admin/admin!purchase.action">采购进货</a>
		          </li>
		          <li >
		             <a href="${base}/admin/admin!refund.action">退货换货</a>
		          </li>
		          <li >
		             <a href="${base}/admin/inventory!list.action">库存盘点</a>
		          </li>
		       </ul>
		    </li>
		    <li class="active">
		       <a href="javascript:;">
		       <i class="icon-sitemap"></i> 
		       <span class="title">供应商管理</span>
		       <span class="selected "></span>
		       </a>
		       <ul class="sub-menu">
		          <li class = "active">
		             <a href="${base}/admin/supplier!add.action">供应商录入</a>
		          </li>
		          <li >
		             <a href="${base}/admin/supplier!list.action">供应商列表</a>
		          </li>
		       </ul>
		    </li>
		    <li>
		       <a href="javascript:;">
		       <i class="icon-gift"></i> 
		       <span class="title">药品管理</span>
		       <span class="arrow"></span>
		       </a>
		       <ul class="sub-menu">
		          <li >
		             <a href="${base}/admin/medicine!add.action">药品录入</a>
		          </li>
		          <li>
		             <a href="${base}/admin/medicine!list.action">药品列表</a>
		          </li>
		       </ul>
		    </li>
		    <li class="">
		       <a href="javascript:;">
		       <i class="icon-user"></i> 
		       <span class="title">用户管理</span>
		       <span class="arrow "></span>
		       </a>
		       <ul class="sub-menu">
		          <li >
		             <a href="${base}/admin/user!add.action">用户录入</a>
		          </li>
		          <li >
		             <a href="${base}/admin/user!list.action">用户列表</a>
		          </li>
		       </ul>
		    </li>
		    <li>
		       <a href="javascript:;">
		       <i class="icon-user"></i> 
		       <span class="title">单据管理</span>
		       <span class="arrow "></span>
		       </a>
		       <ul class="sub-menu">
		          <li>
		             <a href="${base}/admin/admin!sellerRecordList.action">消费单据</a>
		          </li>
		          <li >
		             <a href="${base}/admin/admin!purchaseList.action">采购单据</a>
		          </li>
		          <li >
		             <a href="${base}/admin/admin!refundList.action">退货单据</a>
		          </li>
		       </ul>
		    </li>
		    <!-- 会员信息弹出框开始 -->
		    <#include "memberInfoDialog.ftl">
		    <!-- 会员信息弹出框结束  -->
		 </ul>
      </div>
      <!-- END SIDEBAR -->
      <!-- BEGIN PAGE -->
      <div class="page-content">
         <#include "changePassword.ftl">
         <#include "system-set.ftl">
         <!-- BEGIN PAGE HEADER-->
		 <div class="row">
			<div class="col-md-12">
			   <!-- BEGIN PAGE TITLE & BREADCRUMB-->
			   <h3 class="page-title">
			      供应商信息<#if id?exists><#if id==0>录入<#else>编辑</#if></#if>  <small>记录供应商的基本信息</small>
			   </h3>
			   <ul class="page-breadcrumb breadcrumb">
			      <li>
			         <i class="icon-home"></i>
			         <a href="${base}/admin/admin!main.action">Home</a> 
			         <i class="icon-angle-right"></i>
			      </li>
			      <li>
			         <a href="#">供应商管理</a>
			         <i class="icon-angle-right"></i>
			      </li>
			      <li><a href="${base}/admin/supplier!add.action">供应商<#if id?exists><#if id==0>录入<#else>编辑</#if></#if> </a></li>
			   </ul>
			   <!-- END PAGE TITLE & BREADCRUMB-->
			</div>
		 </div>
		 <!-- END PAGE HEADER-->
		<!-- BEGIN PAGE CONTENT-->
		<div class="row">
            <div class="col-md-12">
               <!-- BEGIN VALIDATION STATES-->
               <div class="portlet box blue">
                  <div class="portlet-title">
                     <div class="caption"><i class="icon-reorder"></i>供应商<#if id?exists><#if id==0>录入<#else>编辑</#if></#if>  </div>
                     <div class="tools">
                        <a href="javascript:;" class="collapse"></a>
                        <a href="javascript:;" class="remove"></a>
                     </div>
                  </div>
                  <div class="portlet-body form">
                     <!-- BEGIN FORM-->
                     <form action="${base}/admin/supplier!save.action" id="form_supplier" class="form-horizontal">
                        <div class="form-body">
                           <div class="alert alert-danger display-hide">
                              <button class="close" data-dismiss="alert"></button>
                              	你的表单存在错误. 请检查后再次提交.
                           </div>
                           <div class="alert alert-success display-hide">
                              <button class="close" data-dismiss="alert"></button>
                              	表单验证成功!
                           </div>
                           <input name="su_id" id = "su_id" type="hidden" class="form-control" value = "<#if id?exists>${id}</#if>"/>
                           <div class="form-group">
                              <label class="control-label col-md-3">供应商名称<span class="required">*</span></label>
                              <div class="col-md-4">
                                 <input <#if supplier.name?exists> value = "${supplier.name}"</#if> name="su_name" id = "su_name" type="text" class="form-control"/>
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">联系人<span class="required">*</span></label>
                              <div class="col-md-4">
                                 <input <#if supplier.lxr?exists> value = "${supplier.lxr}"</#if> name="su_lxr" id = "su_lxr" type="text" class="form-control">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">联系电话</label>
                              <div class="col-md-4">
                                 <input <#if supplier.phone?exists> value = "${supplier.phone}"</#if> name="su_phone" id = "su_phone" type="text" class="form-control">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">邮箱</label>
                              <div class="col-md-4">
                                 <input <#if supplier.email?exists> value = "${supplier.email}"</#if> name="su_email" id = "su_email" type="text" class="form-control">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">传真</label>
                              <div class="col-md-4">
                                 <input <#if supplier.fax?exists> value = "${supplier.fax}"</#if> name="su_fax" id="su_fax" type="text" class="form-control">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">地址</label>
                              <div class="col-md-4">
                                 <input <#if supplier.address?exists> value = "${supplier.address}"</#if> name="su_address" id="su_address" type="text" class="form-control">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">登记日期</label>
                              <div class="col-md-3">
                                 <input <#if supplier.date?exists> value = "${supplier.date}"</#if> class="form-control form-control-inline input-medium date-picker" name = "su_date" id = "su_date" size="16" type="text" value="" />
                                 <span class="help-block">请选择时间</span>           
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="control-label col-md-3">备注</label>
                              <div class="col-md-9">
                                 <textarea class="form-control" name="su_remarks" id="su_remarks" rows="4" style = "width: 360px;"><#if supplier.remarks?exists>${supplier.remarks}</#if></textarea>
                              </div>
                           </div>
                        </div>
                        <div class="form-actions fluid">
                           <div class="col-md-offset-3 col-md-9">
                              <button type="submit" class="btn green">提交</button>
                              <button type="button" class="btn default">取消</button>                              
                           </div>
                        </div>
                     </form>
                     <!-- END FORM-->
                  </div>
               </div>
               <!-- END VALIDATION STATES-->
			   </div>
			</div>
		<!-- END PAGE CONTENT-->    
      </div>
      <!-- END PAGE -->	 
	</div>
	<!-- END CONTAINER -->
	<!-- BEGIN FOOTER -->
   <div class="footer">
      <div class="copyright">
		2014 &copy; 西南财经大学天府学院  | 袁金廷
	</div>
      <div class="footer-tools">
         <span class="go-top">
         <i class="icon-angle-up"></i>
         </span>
      </div>
   </div>
   <!-- END FOOTER -->
   <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
   <!-- BEGIN CORE PLUGINS -->
   <!--[if lt IE 9]>
   <script src="${base}/assets/plugins/respond.min.js"></script>
   <script src="${base}/assets/plugins/excanvas.min.js"></script> 
   <![endif]-->   
   <script src="${base}/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
   <script src="${base}/assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
   <script src="${base}/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
   <script src="${base}/assets/plugins/bootstrap/js/bootstrap2-typeahead.min.js" type="text/javascript"></script>
   <script src="${base}/assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script>
   <script src="${base}/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
   <script src="${base}/assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>  
   <script src="${base}/assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
   <script src="${base}/assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>
   <!-- END CORE PLUGINS -->
   <!-- BEGIN PAGE LEVEL PLUGINS -->
   <script type="text/javascript" src="${base}/assets/plugins/jquery-validation/dist/jquery.validate.min.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/jquery-validation/dist/additional-methods.min.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/select2/select2.min.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script> 
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/ckeditor/ckeditor.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/fuelux/js/spinner.min.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/clockface/js/clockface.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-daterangepicker/moment.min.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-daterangepicker/daterangepicker.js"></script> 
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>  
   <script type="text/javascript" src="${base}/assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/jquery-inputmask/jquery.inputmask.bundle.min.js"></script>   
   <script type="text/javascript" src="${base}/assets/plugins/jquery.input-ip-address-control-1.0.min.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/jquery-multi-select/js/jquery.multi-select.js"></script>
   <script type="text/javascript" src="${base}/assets/plugins/jquery-multi-select/js/jquery.quicksearch.js"></script>   
   <script src="${base}/assets/plugins/jquery.pwstrength.bootstrap/src/pwstrength.js" type="text/javascript" ></script>
   <script src="${base}/assets/plugins/bootstrap-switch/static/js/bootstrap-switch.min.js" type="text/javascript" ></script>
   <script src="${base}/assets/plugins/jquery-tags-input/jquery.tagsinput.min.js" type="text/javascript" ></script>
   <!-- END PAGE LEVEL PLUGINS -->
   <!-- BEGIN PAGE LEVEL STYLES -->
   <script src="${base}/assets/scripts/app.js"></script>
   <script src="${base}/resources/scripts/supplier-validation.js"></script>
   <script src="${base}/assets/scripts/form-components.js"></script> 
   <!-- END PAGE LEVEL STYLES -->    
   <script>
      jQuery(document).ready(function() {   
         // initiate layout and plugins
         App.init();
         FormValidation.init();
         FormComponents.init();
      });
   </script>
   <!-- END JAVASCRIPTS -->
</body>
</html>